<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>wmSafe导航</title>
    <link rel="shortcut icon" th:href="@{/favicon.jpg}">
    <link rel="icon" th:href="@{/favicon.jpg}" sizes="32x32"/>
    <link rel="icon" th:href="@{/favicon.jpg}" sizes="180x180"/>
    <link rel="apple-touch-icon" th:href="@{/favicon.jpg}"/>
    <meta name="msapplication-TileImage" content="/favicon.jpg"/>
    <link rel='stylesheet' id='font-awesome-css' th:href="@{/static/css/all.min.css}" type='text/css' media='all'/>
    <link rel='stylesheet' id='bootstrap-css' th:href="@{/static/css/bootstrap.min.css}" type='text/css' media='all'/>
    <link rel='stylesheet' id='nav-css' th:href="@{/static/css/nav.css}" type='text/css' media='all'/>
    <script type='text/javascript' th:src="@{/static/js/jquery.min.js}" id='jquery-js'></script>
    <!--<script type='text/javascript' th:src="@{/static/js/yinghua.js}"></script>-->
    <style>
        .xe-widget.xe-conversations {
            background: none;
        }

        .sites-list h5.text-gray
        i {
            font-size: 14px;
        }
    </style>
</head>
<body class="page-body white">
<div id="clickCanvas" style=" position:fixed;left:0;top:0;z-index:999999999;pointer-events:none;"></div>
<div class="page-container">
    <div class="sidebar-menu toggle-others fixed">
        <div class="sidebar-menu-inner">
            <header class="logo-env">
                <!-- logo -->
                <div class="logo">
                    <a href="" class="logo-expanded">
                        <img th:src="@{/static/picture/20200424logo2.svg}" height="40" alt="wmSafe"/>
                    </a>
                    <a href="" class="logo-collapsed">
                        <img th:src="@{/static/picture/20200424logo3.svg}" height="40" alt="wmSafe">
                    </a>
                </div>
                <div class="mobile-menu-toggle visible-xs">
                    <a href="#" data-toggle="mobile-menu">
                        <i class="fa fa-bars"></i>
                    </a>
                </div>
            </header>
            <ul id="main-menu" class="main-menu">
                <li>
                    <a href="#站点管理" class="smooth">
                        <i class="fa fa-cogs fa-fw"></i>
                        <span class="title">站点管理</span>
                    </a>
                </li>
                <li th:each="l:${linksTypesList}">
                    <a th:href="'#'+${l.type_name}" class="smooth">
                        <i th:class="${l.i_class}"></i>
                        <span class="title" th:text="${l.type_name}"></span>
                    </a>
                </li>
                <li class="submit-tag">
                    <div class="menu">
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="main-content">
        <nav class="navbar user-info-navbar" role="navigation">
            <div class="navbar-content">
                <div class="menu-top">
                    <ul id="menu-%e8%8f%9c%e5%8d%95" class="menu">
                        <li id="menu-item-223"
                            class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-223">
                            <a href="/" aria-current="page">
                                首页
                            </a>
                        </li>
                        <li th:each="l:${headlinkList}" id="menu-item-82"
                            class="menu-item menu-item-type-custom menu-item-object-custom menu-item-82">
                            <a th:href="${l.link_url}" target="_blank" th:text="${l.link_name}"></a>
                        </li>
                    </ul>
                </div>
                <style>
                    .menu-top {
                        float: left;
                        height: 80px;
                    }

                    .menu-top ul {
                        display: block;
                        float: left;
                        height: 100%;
                        list-style: none;
                        padding: 0;
                        margin: 0;
                    }

                    .menu-top
                    ul li {
                        display: block;
                        float: left;
                        height: 100%;
                    }

                    .menu-top ul li a {
                        display: block;
                        height: 100%;
                        line-height: 80px;
                        font-size: 14px;
                        color: #555;
                        padding: 0 20px;
                    }

                    /* .zn_search{ width: 200px; height: 40px; display:
                                               block; position: relative; margin:20px; float: left; } .zn_search input{
                                               width:100%; height:100%; display: block;background: none; border: 1px solid
                                               #eee; border-radius: 20px; text-indent: 5px; color: #555; font-size: 16px;
                                               line-height: 40px;} .zn_search input:focus{ border-color: #ddd;} .zn_search
                                               button{ width:30px; height:30px; display: block;font-size: 14px; line-height:
                                               30px; text-align: center; position: absolute; z-index: 10; right: 10px;
                                               background:none; border: none; top:3px; outline: none;} .zn_search button
                                               i{color: #ccc}*/
                </style>
                <!--form class="zn_search" action="https://hao.5iux.cn" method="get" target="_blank">
                <input type="text" name="s" placeholder="站内搜索" style="outline:none;" autocomplete="off">
                <button type="submit"><i class="fa fa-search "></i></button>
                </form-->
            </div>
        </nav>

        <div id="search" class="s-search">
            <center>
                <script type="text/javascript" src="static/js/clock.js"></script>
            </center>
            <br>
            <div id="search-list" class="hide-type-list">
                <div class="s-type"><span></span>
                    <div class="s-type-list animated fadeInUp">
                        <label for="type-google">
                            搜索引擎
                        </label>
                        <label for="type-behance">
                            灵感搜索
                        </label>
                    </div>
                </div>
                <div class="search-group group-a">
                                    <span class="type-text">
                                        搜索<i style="margin-left:15px;" class="fa fa-angle-right"></i>
                                    </span>
                    <ul class="search-type">
                        <li>
                            <input checked hidden type="radio" name="type" id="type-baidu" value="https://www.baidu.com/s?wd=" data-placeholder="百度一下">
                            <label for="type-baidu">
                                <span style="color:#2100E0">
                                    百度
                                </span>
                            </label>
                        </li>
                        <li>
                            <input hidden type="radio" name="type" id="type-google" value="https://www.google.com/search?hl=zh-CN&q=" data-placeholder="谷歌搜索">
                            <label for="type-google">
                                <span style="color:#3B83FA">G</span>
                                <span style="color:#F3442C">o</span>
                                <span style="color:#FFC300">o</span>
                                <span style="color:#4696F8">g</span>
                                <span style="color:#2CAB4E">l</span>
                                <span style="color:#F54231">e</span>
                            </label>
                        </li>
                        <!--<li>
                            <input hidden type="radio" name="type" id="type-zhannei" value="https://127.0.0.1/search.php?s="data-placeholder="站内搜索">
                            <label for="type-zhannei">
                                <span style="color:#29f">站内</span>
                            </label>
                        </li>-->
                    </ul>
                </div>
                <div class="search-group group-b">
                                    <span class="type-text">
                                        灵感<i style="margin-left:15px;" class="fa fa-angle-right"></i>
                                    </span>
                    <ul class="search-type">
                        <li>
                            <input hidden type="radio" name="type" id="type-behance" value="https://www.behance.net/search?search=" data-placeholder="Behance Search">
                            <label for="type-behance">
                                <span style="color:#0056ff">
                                    <i class="fab fa-behance"></i>
                                </span>
                            </label>
                        </li>
                        <li>
                            <input hidden type="radio" name="type" id="type-dribbble" value="https://dribbble.com/search?q=" data-placeholder="Dribbble Search">
                            <label for="type-dribbble">
                                <span style="color:#ea4c89">
                                    <i class="fab fa-dribbble"></i>
                                </span>
                            </label>
                        </li>
                        <li>
                            <input hidden type="radio" name="type" id="type-pinterest" value="https://www.pinterest.com/search/pins/?q=" data-placeholder="Pinterest Search">
                            <label for="type-pinterest">
                                <span style="color:#e60023">
                                    <i class="fab fa-pinterest"></i>
                                </span>
                            </label>
                        </li>
                        <li>
                            <input hidden type="radio" name="type" id="type-huaban" value="https://huaban.com/search/?q=" data-placeholder="花瓣搜索">
                            <label for="type-huaban">
                                <span style="color:#fc4349">
                                    花瓣
                                </span>
                            </label>
                        </li>
                        <li>
                            <input hidden type="radio" name="type" id="type-zhanku" value="https://www.zcool.com.cn/search/content?&word=" data-placeholder="站酷搜索">
                            <label for="type-zhanku">
                                <span style="color:#333">
                                    站酷
                                </span>
                            </label>
                        </li>
                    </ul>
                </div>
            </div>
            <form action="?s=" method="get" target="_blank" id="super-search-fm">
                <input type="text" id="search-text" placeholder="输入关键字搜索" style="outline:0" autocomplete="off">
                <button type="submit">
                    <i class="fa fa-search "></i>
                </button>
            </form>
            <div class="set-check hidden-xs">
                <input type="checkbox" id="set-search-blank" class="bubble-3" autocomplete="off">
            </div>
        </div>
        <script type="text/javascript">
            eval(function (e, t, a, c, i, n) {
                if (i = function (e) {
                    return (e < t ? "" : i(parseInt(e / t))) + (35 < (e %= t) ? String.fromCharCode(e + 29) : e.toString(36))
                }, !"".replace(/^/, String)) {
                    for (; a--;) n[i(a)] = c[a] || i(a);
                    c = [
                        function (e) {
                            return n[e]
                        }
                    ], i = function () {
                        return "\\w+"
                    }, a = 1
                }
                for (; a--;) c[a] && (e = e.replace(new RegExp("\\b" + i(a) + "\\b", "g"), c[a]));
                return e
            }('!2(){2 g(){h(),i(),j(),k()}2 h(){d.9=s()}2 i(){z a=4.8(\'A[B="7"][5="\'+p()+\'"]\');a&&(a.9=!0,l(a))}2 j(){v(u())}2 k(){w(t())}2 l(a){P(z b=0;b<e.O;b++)e[b].I.1c("s-M");a.F.F.F.I.V("s-M")}2 m(a,b){E.H.S("L"+a,b)}2 n(a){6 E.H.Y("L"+a)}2 o(a){f=a.3,v(u()),w(a.3.5),m("7",a.3.5),c.K(),l(a.3)}2 p(){z b=n("7");6 b||a[0].5}2 q(a){m("J",a.3.9?1:-1),x(a.3.9)}2 r(a){6 a.11(),""==c.5?(c.K(),!1):(w(t()+c.5),x(s()),s()?E.U(b.G,+T X):13.Z=b.G,10 0)}2 s(){z a=n("J");6 a?1==a:!0}2 t(){6 4.8(\'A[B="7"]:9\').5}2 u(){6 4.8(\'A[B="7"]:9\').W("14-N")}2 v(a){c.1e("N",a)}2 w(a){b.G=a}2 x(a){a?b.3="1a":b.16("3")}z y,a=4.R(\'A[B="7"]\'),b=4.8("#18-C-19"),c=4.8("#C-12"),d=4.8("#17-C-15"),e=4.R(".C-1b"),f=a[0];P(g(),y=0;y<a.O;y++)a[y].D("Q",o);d.D("Q",q),b.D("1d",r)}();', 62, 77, "||function|target|document|value|return|type|querySelector|checked||||||||||||||||||||||||||var|input|name|search|addEventListener|window|parentNode|action|localStorage|classList|newWindow|focus|superSearch|current|placeholder|length|for|change|querySelectorAll|setItem|new|open|add|getAttribute|Date|getItem|href|void|preventDefault|text|location|data|blank|removeAttribute|set|super|fm|_blank|group|remove|submit|setAttribute".split("|"), 0, {}));
        </script>
        联系站长：<a style="color: red;" target="_blank" href="https://wpa.qq.com/msgrd?v=3&uin=1845440070&site=qq&menu=yes">1845440070</a><br>
        <div id="bulletin_box" class="panel alert alert-primary" role="alert">
            <div class="d-flex text-muted">
                <div>
                    <i class="fa fa-volume-up" style="line-height:25px"></i>
                </div>
                <div class="bulletin mx-1 mx-md-2">
                    <ul class="bulletin-ul">
                        <li class="scrolltext-title overflowClip_1">
                            <a href="" rel="bulletin">
                                欢迎访问本网站
                            </a>
                        </li>
                    </ul>
                </div>
                <a title="关闭" href="javascript:;" rel="external nofollow" onClick="$('#bulletin_box').slideUp('slow');" style="margin-left:auto">
                    <i class="fa fa-times" style="line-height:25px"></i>
                </a>
            </div>
        </div>
        <script>
            $(document).ready(function () {
                var ul = $(".bulletin-ul");
                var li = ul.children();
                if (li.length > 1) {
                    var liHight = $(li[0]).height();
                    setInterval('AutoScroll(".bulletin",' + liHight + ')', 4000);
                }
            });

            function AutoScroll(obj, hight) {
                $(obj).find("ul:first").animate({
                    marginTop: "-" + hight + "px"
                }, 500, function () {
                    $(this).css({
                        marginTop: "0px"
                    }).find("li:first").appendTo(this);
                });
            }
        </script>
        <div class="sites-list" style="margin-bottom: 8.5rem;">
            <h5 class="text-gray" style="display: inline-block;"><i class="fa fa-tag" style="margin-right:16px;" id="站点管理"></i>站点管理</h5>
            <div class="row">
                <div class="xe-card col-sm-4 col-md-3 col-lg-2 ">
                    <a href="/wmsafe/" target="_blank" class="xe-widget xe-conversations box2 label-info" title="花瓣">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="lazy" th:src="@{/static/picture/20201022114103.gif}"
                                     th:data-src="@{/static/images/houtai.jpg}"
                                     onerror="javascript:this.src='https://cdn.jsdelivr.net/gh/5iux/uploads/pic/20201022114103.gif'"
                                     width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>管理后台</strong>
                                </div>
                                <p class="overflowClip_2">综合导航后台地址</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <br>
            <span th:each="typeLinks:${bodyLinksList}">
                        <h5 class="text-gray" style="display: inline-block;">
                            <i class="fa fa-tag" style="margin-right:16px;"
                               th:id="${typeLinks.LinksType.type_name}"></i>
                            <span th:text="${typeLinks.LinksType.type_name}"></span>
                        </h5>
                        <div class="row" th:each="links:${typeLinks.linksArrayList}">
                            <div class="xe-card col-sm-4 col-md-3 col-lg-2 ">
                                <a th:href="${links.links_url}" target="_blank"
                                   class="xe-widget xe-conversations box2 label-info" title="花瓣">
                                    <div class="xe-comment-entry">
                                        <div class="xe-user-img">
                                            <img class="lazy" th:src="@{/static/picture/20201022114103.gif}"
                                                 th:data-src="${links.links_logo_url}" onerror="javascript:this.src='."'https://cdn.jsdelivr.net/gh/5iux/uploads/pic/20201022114103.gif'".'" width="40">
                                        </div>
                                        <div class="xe-comment">
                                            <div class="xe-user-name overflowClip_1">
                                                <strong th:text="${links.links_name}"></strong>
                                            </div>
                                            <p class="overflowClip_2" th:text="${links.links_info}"></p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <br>
                    </span>
            <h4 class="text-gray mb-4">
                <i class="fa fa-bookmark" id="friendlink" style="margin-right:10px"></i>
                友情链接
            </h4>
            <div class="friendlink" style="margin-bottom:-100px">
                <div class="panel">
                    <a th:each="l:${footerlinkList}" th:href="${l.link_url}" rel="me" target="_blank"
                       th:text="${l.link_name}"></a>
                </div>
            </div>
        </div>
        <footer class="main-footer sticky footer-type-1">
            <div class="go-up">
                <a href="#" rel="go-top">
                    <i class="fa fa-angle-up"></i>
                </a>
            </div>
            <div class="footer-inner">
                <div class="footer-text" th:text="'Copyright © '+${dateYear}+' wmSafe导航'"></div>
            </div>
        </footer>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $(document).on('click', '.has-sub', function () {
            var _this = $(this)
            if (!$(this).hasClass('expanded')) {
                setTimeout(function () {
                    _this.find('ul').attr("style", "")
                }, 300);

            } else {
                $('.has-sub ul').each(function (id, ele) {
                    var _that = $(this)
                    if (_this.find('ul')[0] != ele) {
                        setTimeout(function () {
                            _that.attr("style", "")
                        }, 300);
                    }
                })
            }
        })
        $('.user-info-menu .hidden-xs').click(function () {
            if ($('.sidebar-menu').hasClass('collapsed')) {
                $('.has-sub.expanded > ul').attr("style", "")
                $('.user-info-menu .hidden-xs').addClass('menu_on');
            } else {
                $('.has-sub.expanded > ul').show()
                $('.user-info-menu .hidden-xs').removeClass('menu_on');
            }
        })
        $("#main-menu li ul li").click(function () {
            $(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
            $(this).addClass('active'); // 添加当前元素的样式
        });
        $("a.smooth").click(function (ev) {
            ev.preventDefault();
            if ($("#main-menu").hasClass('mobile-is-visible') != true)
                return;
            public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
            ps_destroy();
            $("html, body").animate({
                scrollTop: $($(this).attr("href")).offset().top - 80
            }, {
                duration: 500,
                easing: "swing"
            });
        });
        return false;
    });

    var href = "";
    var pos = 0;
    $("a.smooth").click(function (e) {
        e.preventDefault();
        if ($("#main-menu").hasClass('mobile-is-visible') === true)
            return;
        $("#main-menu li").each(function () {
            $(this).removeClass("active");
        });
        $(this).parent("li").addClass("active");
        href = $(this).attr("href");
        pos = $(href).position().top - 100;
        $("html,body").animate({
            scrollTop: pos
        }, 500);
    });
</script>
<script type='text/javascript' th:src="@{/static/js/push.js}" id='baidu_zz_push-js'></script>
<script type='text/javascript' th:src="@{/static/js/bootstrap.min.js}" id='bootstrap-js'></script>
<script type='text/javascript' th:src="@{/static/js/tweenmax.min.js}" id='TweenMax-js'></script>
<script type='text/javascript' th:src="@{/static/js/app.js}" id='appjs-js'></script>
<script type='text/javascript' th:src="@{/static/js/canvas.js}" id='canvas-js'></script>
<script type='text/javascript' th:src="@{/static/js/lazyload.min.js}" id='lazyload-js'></script>
<!-- 自定义代码 -->
<!--
    可替换的模型名称
    2D模型全名称：
        live2d-widget-model-haruto      小娃娃（男）
        live2d-widget-model-koharu      小娃娃（女）
        live2d-widget-model-ni-j        小娃娃（不知道怎么描述，带这个耳机）
        live2d-widget-model-nico        小娃娃（狐狸？？）
        live2d-widget-model-nipsilon    小娃娃（粉长头发小娃娃）
        live2d-widget-model-nito        小娃娃（粉短头发小娃娃）
        live2d-widget-model-unitychan   小娃娃（黄色长头发小娃娃）
        live2d-widget-model-chitose     一个帅哥
        live2d-widget-model-shizuku     坐在课桌上的小美女
        live2d-widget-model-hibiki      一个小妹妹
        live2d-widget-model-izumi       一个妹子
        live2d-widget-model-tsumiki     绿萝？？？？
        live2d-widget-model-miku        初音
        live2d-widget-model-z16         这个妹子好看
        live2d-widget-model-hijiki      黑猫
        live2d-widget-model-tororo      白猫
        live2d-widget-model-wanko       趴在碗里的狗
-->
<!--<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script>
    L2Dwidget.init({
        "model": {
            jsonPath: "https://unpkg.com/live2d-widget-model-wanko/assets/wanko.model.json",//这里改模型，前面后面都要改
            "scale": 1
        },
        "display": {
            "position": "right",// 位置left、right
            "width": 100,// 宽度
            "height": 100,// 高度
            "hOffset": 0,// 横向边距
            "vOffset": 0// 众向边距
        },
        "mobile": {
            "show": true,// 手机是否显示
            "scale": 0.5
        },
        "react": {
            "opacityDefault": 1,//设置透明度
            "opacityOnHover": 0.2
        }
    });

</script>-->
<!-- end 自定义代码 -->
</body>
</html>